import { TComponent } from '@material/typeing';
import { FC } from 'react';
import $style from './index.scss';
export interface SafeAreaProps extends TComponent {
    position: 'top' | 'bottom';
}

const KSafeArea: FC<SafeAreaProps> = (props) => {
    const { position, style, className, children } = props;
    return (
        <div
            className={[$style['safe-area'], $style[`safe-area-${position}`], className]}
            style={style}
        >
            {children}
        </div>
    );
};

KSafeArea.displayName = 'KSafeArea';

export default KSafeArea;
